<html>
<head>
<style>
body{
background: FFD950;
 	}
form{
width: 35%;text-align: center;margin-left: auto;margin-right: auto;
}
form table{
text-align: left;margin-left: left;
}
form table tr{
height: 40px;
}
form table th{
width: 40%;
margin-left: 20%;
}
#WhereIam{
float: left;
text-align: left;
height: 30px;
}
body h2{
width: 35%;
margin-left:-10%;
text-align: center;
margin-left: auto;
margin-right: auto; 	
}
body h4{
width: 35%;
margin-left:-10%;
text-align: center;
margin-left: auto;
margin-right: auto; 	
}
table{
margin-top:40px;
width: 60%;text-align: center;margin-left: auto;margin-right: auto;
}

</style>
<title><g:layoutTitle default="application" /></title>

<g:javascript library="jquery"/>		
		<r:layoutResources />
<g:layoutHead />
</head>  	
<body onload="${pageProperty(name:'body.onload')}">
	<my:myFlash />
	<div style="background-color: FF8C00; ">
		<div style="margin-left: 0px; text-align: center">
			<h1 style="margin-bottom: 0; height: 50px;font-family: cursive;">Create New Account</h1>	
		</div>
		
		<g:pageProperty name="page.header"  />

	</div>
	
	
	<div
		style="background-color: FFD700; height: 400px;margin-top:0px; width: 100px; float: left;  text-align: left">
		
		
	</div>
		<g:layoutBody />
	</div>
	
	<div style="text-align: center">
		<div style="background-color: FF8C00; clear: both; text-align: center; width: 1265px; height: 40px">
		
			<g:pageProperty name="page.footer" />
		</div>
	</div>
	<r:layoutResources />
</body>
</html>